<template>
<view>
		<view class="head">
			<navigator @click="gotoarrow" class="return-arrow">
				<image class="return-img" src="../../../../static/arrow.png"></image>
			</navigator>
			<view class="service-list">总部</view>
			<view style="border-bottom: 1px solid #ececec;height: 2rem;">
				<view class="all-date">2019.06.01</view>
			</view>
		</view>
		<view class="two-row">
			<view class="page">
			  <view style="padding-top: 1rem; border-bottom: 1px solid rgb(236, 236, 236);height: 3rem;">
				<text style="color: #FF7977;">0.00</text>
				<view style="font-size: 0.8rem;">实际收款金额</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>现金</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>微信</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>支付宝</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>刷卡</view>
			  </view>
			</view>
		</view>
		<view class="four-row">
			<view class="page">
			  <view style="padding-top: 1rem; border-bottom: 1px solid rgb(236, 236, 236);height: 3rem;">
				<text style="color: #FF7977;">0.00</text>
				<view style="font-size: 0.8rem;">会员消耗金额</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>本金余额</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>赠金余额</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>次卡权益</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>次卡赠送权益</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>充值卡赠送权益</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>开单赠送权益</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>会员导入</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>组合卡权益</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>积分兑换权益</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>兑换券权益</view>
			  </view>
			</view>
		</view>
		<view class="two-row">
			<view class="page">
			  <view style="padding-top: 1rem; border-bottom: 1px solid rgb(236, 236, 236);height: 3rem;">
				<text style="color: #FF7977;">0.00</text>
				<view style="font-size: 0.8rem;">开卡充值金额</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>次卡</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>组合卡</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>充值卡</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>余额充值</view>
			  </view>
			   <view class="tongji">
				  <text>0.00</text>
				  <view>折扣卡</view>
			  </view>
			</view>
		</view>
		<view class="one-row">
			<view class="page">
			  <view style="padding-top: 1rem; border-bottom: 1px solid rgb(236, 236, 236);height: 3rem;">
				<text style="color: #FF7977;">0.00</text>
				<view style="font-size: 0.8rem;">服务产品收入</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>服务消费金额</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>产品消费金额</view>
			  </view>
			</view>
		</view>
		<view class="one-row">
			<view class="page">
			  <view style="padding-top: 1rem; border-bottom: 1px solid rgb(236, 236, 236);height: 3rem;">
				<text style="color: #FF7977;">0.00</text>
				<view style="font-size: 0.8rem;">其他收款</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>直接收款</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>二维码收款</view>
			  </view>
			</view>
		</view>
				<view class="one-row">
			<view class="page">
			  <view style="padding-top: 1rem; border-bottom: 1px solid rgb(236, 236, 236);height: 3rem;">
				<text style="color: #FF7977;">0.00</text>
				<view style="font-size: 0.8rem;">退款</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>实际退款金额</view>
			  </view>
			  <view class="tongji">
				  <text>0.00</text>
				  <view>会员消耗会退金额</view>
			  </view>
			</view>
		</view>
</view>
</template>

<script>
export default {
	methods:{
		gotoarrow(){
			this.$router.go(-1)
		}
	}
}

</script>

<style>
	.tongji{
		width: 33.33%;
		font-size: 0.8rem;
		float: left;
		padding: 0.5rem 0;
	}
	.all-date{
		width: 100%;
		float: left;
		font-size: 0.8rem; 
		margin-top: 0.4rem;
	}
	
	.head{
		width: 100%;
		height: 4.2rem;
		background-color: #ffffff;
		text-align: center;
	}
	.one-row{
		width: 100%;
		height: 7rem;
		background-color: #ffffff;
		text-align: center;
		margin-bottom: 0.2rem;	
	}
	.two-row{
		width: 100%;
		height: 10.5rem;
		background-color: #ffffff;
		text-align: center;
		margin-bottom: 0.2rem;	
	}
	.four-row{
		width: 100%;
		height: 16.5rem;
		background-color: #ffffff;
		text-align: center;
		margin-bottom: 0.2rem;
	}
</style>
